﻿@using Whoever.Framework.Enum;

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    @Content.Css("bootstrap.css", Url)
    @Content.Css("bootstrap-theme.css", Url)
    @Content.Css("toastr.css", Url)
    @Content.Css("datepicker.css", Url)
    @Content.Css("magnific-popup.css", Url)
    @Content.Css("font-awesome.min.css", Url)
    @Content.Css("health-bootstrap.css", Url)
    @Content.Css("health-templates.css", Url)
    @Content.Css("health-toastr.css", Url)
    @Content.Css("health-datepicker.css", Url)
    @Content.Css("health.css", Url)
    @RenderSection("styles", false)
</head>
<body>
    <header>
        <nav class="navbar navbar navbar-static-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navButtons">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><i class="icon-swing"></i>Whoever Health</a>
                </div>

                <div class="collapse navbar-collapse" id="navButtons">
                    <ul class="nav navbar-nav">
                        <li><a href="#">@Html.LocalizedAction("Nav.Home")</a></li>
                        <li><a href="#" data-bind="click: Main.ChangePage.bind($data,'@Url.Action("Main", "Account")')">Account</a></li>
                        <li><a href="#" data-bind="click: Main.ChangePage.bind($data,'@Url.Action("Main", "Contact")')">Contact</a></li>
                        <li><a href="#" data-bind="click: Main.ChangePage.bind($data,'@Url.Action("Main", "DocumentType")')">Document Type</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="header-margin">
        </div>
    </header>
    <div class="container main" style="display: none">
        <div data-bind="visible: Main.CurrentPage() != Main.Hashes.NotFound">
            @RenderBody()
        </div>
        <div class="jumbotron color-white" data-bind="visible: Main.CurrentPage() == Main.Hashes.NotFound">
            <div class="row">
                <div class="col-md-12">
                    <h2>Page not found (to be regionalized)</h2>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    var invalidModelMessage = '@Html.LocalizedMessage("Model", MessageType.Error)';
    var formErrorMessage = '@Html.LocalizedMessage("Form", MessageType.Error)';
    var adviceText = '@Html.LocalizedText("Advice")';
</script>
@Content.Script("jquery-1.10.2.js", Url)
@Content.Script("bootstrap.js", Url)
@Content.Script("bootstrap-datepicker.js", Url)
@Content.Script("knockout-3.0.0.debug.js", Url)
@Content.Script("knockout.mapping-2.0.0.debug.js", Url)
@Content.Script("toastr.js", Url)
@Content.Script("moment.js", Url)
@Content.Script("moment-lang.js", Url)
@Content.Script("magnific-popup.js", Url)
@Content.Script("sammy.js", Url)
@Content.Script("whoever.js", Url)
@Content.Script("health.js", Url)
@Content.ViewModel("MainViewModel.js", Url)
@RenderSection("scripts", false)
